<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登陆</title>
</head>
<style>
    .content{
        border-radius: 20px;
        background-color: #ffffff;
        position: fixed;
        top: 20%;
        left: 40%;
        width: 20%;
        height: 20vw;
        padding: 20px;
        text-align: center;
    }

    .title{
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 30px;
    }

    .errorMsg{
        color: #ff0000;
        margin-top: 20px;
    }

    .button{
        background-color: #3838e2;
        color: #ffffff;
        position: absolute;
        bottom: 50px;
        width: 70%;
        left: 15%;
    }
</style>
<body style="background-color: #f3f3f3">
    <div class="content">
        <div class="title">登陆</div>
        <form action="/mall/admin/login" method="post">
            <div class="form">
                <input name="account" type="text" placeholder="账号">
                <input name="pwd" type="password" placeholder="密码">
                <div th:if="${errorMsg != null}" th:text="${errorMsg}" class="errorMsg"></div>
            </div>
            <button class="button" type="submit">登陆</button>
        </form>
    </div>
</body>
</html>